<template>
  <div class="maincontent" v-loading.body="loading">
    <el-card class="box-card">
      <div class="breadcrumb" slot="header">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{name:'店面信息'}">店面信息</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <div class="boxtitle">
        <div class="title">
          店面信息
        </div>
      </div>
        <div class="textinfo">
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form label-width="100px">
                  <el-form-item label="品牌名称:">
                    {{info.store_name}}
                  </el-form-item>
                  <el-form-item label="店面地址:">
                    {{info.store_adress}}
                  </el-form-item>
                  <el-form-item label="注册地址:">
                    {{info.registered_address}}
                  </el-form-item>
              </el-form>
            </el-col>
            <el-col :span="12">
              <el-form label-width="100px">
                  <el-form-item label="联系电话:">
                    {{info.store_phone}}
                  </el-form-item>
                  <el-form-item label="联系邮箱:">
                    {{info.store_email}}
                  </el-form-item>
                <el-form-item label="商户号:">
                    {{info.commercial_tenant}}
                  </el-form-item>
              </el-form>
            </el-col>
          </el-row>
          <div style="margin-top: 50px;text-align: center">

              <el-button type="primary" size="large" @click="gotoedi">编 辑</el-button>


          </div>
        </div>
    </el-card>
    <!-- <el-card class="box-card" style="margin-top:10px">
      <div class="boxtitle">
        <div class="title">
          收账银行卡
        </div>
      </div>
    </el-card> -->
  </div>
</template>
<script type="text/ecmascript-6">
import API from "../API";
import until from "../until/until";
import router from "../router"
export default{
  data(){
    return{
      loading:false,
      info:{}
    }
  },
  mounted(){
    this.initdata();
  },
  methods:{
    initdata(){
      this.loading=true;
      API.querybrandstore({}).then((res)=>{
        this.loading=false;
        let json =res.data;
        if (json.message=="success") {
          this.info=json.infomap;
        }else {
          until.toasterror(this,"查询失败");
        }
      }).catch(()=>{
        this.loading=false;
      })
    },
    gotoedi(){
      window.sessionStorage.setItem("storeinfo",JSON.stringify(this.info));
      router.push({
        name:"编辑品牌信息"
      })
    }
  },

}
</script>
<style lang="less">
@import "../css/orderinfo.less";
</style>
